<!doctype html>
<html class="no-js" lang="en">

<head>
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>
		Kinley - Minimal eCommerce HTML Template
	</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Favicon -->
	<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico">
	<!-- all css here -->
	<link rel="stylesheet" href="assets/css/bootstrap.min.css">
	<link rel="stylesheet" href="assets/css/magnific-popup.css">
	<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
	<link rel="stylesheet" href="assets/css/font-awesome.min.css">
	<link rel="stylesheet" href="assets/css/pe-icon-7-stroke.css">
	<link rel="stylesheet" href="lib/css/nivo-slider.css" type="text/css" />
	<link rel="stylesheet" href="lib/css/preview.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="assets/css/animate.css">
	<link rel="stylesheet" href="assets/css/meanmenu.min.css">
	<link rel="stylesheet" href="assets/css/jquery-ui.css">
	<link rel="stylesheet" href="assets/css/bundle.css">
	<link rel="stylesheet" href="assets/css/style.css">
	<link rel="stylesheet" href="assets/css/responsive.css">
	<script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
	<script src="js/httpVueLoader.js"></script>
	<script src="js/vue-router.js"></script>
	<script src="js/vuex.js"></script>
	<script src="js/vue.js"></script>
</head>

<body>
	<div id="app">
		<!-- header start -->
		<header class="header-area home-style-2">
			<div class="header-bottom">
				<div class="container">
					<div class="row">
						<div class="col-md-4 col-sm-3 col-xs-6">
							<div class="logo">
								<router-link to="/home">
									<img src="assets/img/logo/logo-black.png" alt="">
								</router-link>
							</div>
						</div>
						<div class="col-md-8 col-sm-9 col-xs-6">
							<div class="cart-menu">
								<div class="search-style-2 f-right">
									<a class="icon-search-2">
										<i class="pe-7s-search">
										</i>
									</a>
									<div class="search2-content">
										<form action="#">
											<div class="search-input-button2">
												<input class="" placeholder="Search" type="search">
												<button class="search-button2" type="submit">
													<i class="pe-7s-search">
													</i>
												</button>
											</div>
										</form>
									</div>
								</div>
								<div class="user user-style-3 f-right">
									<a>
										<i class="pe-7s-add-user">
										</i>
									</a>
									<div class="currence-user-page">
										<div class="currence">
											<h4>
												Currency:
											</h4>
											<ul>
												<li>
													<a>
														USD
													</a>
												</li>
												<li>
													<a>
														EUR
													</a>
												</li>
											</ul>
										</div>
										<div class="user-page">
											<ul>
												<li>
													<router-link to="/wishlist">
														<i class="pe-7s-like">
														</i>
														My Wishlist
													</router-link>
												</li>
												<li>
													<router-link to="/checkout">
														<i class="pe-7s-check">
														</i>
														Checkout
													</router-link>
												</li>
												<li>
													<router-link to="/login">
														<i class="pe-7s-next-2">
														</i>
														Sign In
													</router-link>
												</li>
												<li>
													<router-link to="/register">
														<i class="pe-7s-add-user">
														</i>
														Create an account
													</router-link>
												</li>
											</ul>
										</div>
									</div>
								</div>
								<div class="shopping-cart f-right">
									<router-link to="/cart">
									<a class="top-cart">
										<i class="pe-7s-cart">
										</i>
									</a>
								</router-link>
									<span>
										01
									</span>
									<ul>
										<li>
											<div class="cart-img-price">
												<div class="cart-img">
													<a>
														<img src="assets/img/cart/1.jpg" alt="" />
													</a>
												</div>
												<div class="cart-content">
													<h3>
														<a>
															Item Name
														</a>
													</h3>
													<span class="cart-price">
														1 x $ 299.00
													</span>
												</div>
												<div class="cart-del">
													<i class="pe-7s-close-circle">
													</i>
												</div>
											</div>
										</li>
										<li>
											<p class="total">
												Subtotal:
												<span>
													$299.00
												</span>
											</p>
										</li>
										<li>
											<p class="buttons">
												<router-link to="/cart">
												<a class="my-cart" >
													View Cart
												</a>
											</router-link>
											<router-link to="/checkout">
												<a class="checkout" >
													Checkout
												</a>
											</router-link>
											</p>
										</li>
									</ul>
								</div>
								<div class="main-menu f-right">
									<nav>
										<ul>
											<li :class="[item.className]" v-for="item in routeMenuList">
												<router-link :to="item.route">
													{{item.title}}
												</router-link>
												<div :class="[item.type=='col'?'mega-menu mega-'+item.col+'-colm':'']">
													<ul v-if="item.type=='col'" v-for="itms in item.child">
														<li :class="[itm.className]" v-for="itm in itms.child">
															<router-link :to="itm.route">
																<img v-if="itm.type=='img'" :src="itm.src">
																{{itm.title}}
															</router-link>
														</li>
													</ul>
													<ul v-else class='dropdown'>
														<li v-for="itm in item.child">
															<router-link :to="itm.route">
																{{itm.title}}
															</router-link>
														</li>
													</ul>
												</div>
											</li>
										
										</ul>
									</nav>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</header>
		<!-- header end -->


		<router-view></router-view>





		<!-- subscribe area start -->
		<div class="subscribe-area gray-bg">
			<div class="container">
				<div class="subscribe-bg ptb-80">
					<div class="row">
						<div class="col-md-offset-3 col-md-6 col-sm-offset-2 col-sm-8 ">
							<div class="subscribe-from text-center">
								<h3>
									subscribe to our newsletter
								</h3>
								<form action="#">
									<input placeholder="Enter your Email address" type="email">
									<button type="submit">
										Subscribe
									</button>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- subscribe area end -->
		<!-- footer area start -->
		<footer class="footer-area">
			<div class="container">
				<div class="footer-top pt-60 pb-30">
					<div class="row">
						<div class="col-md-3 col-sm-4">
							<div class="footer-widget mb-30">
								<div class="footer-logo">
									<router-link to="/home">
										<img src="assets/img/logo/logo-black.png" alt="">
								</router-link>
								</div>
								<div class="widget-info">
									<p>
										<i class="pe-7s-map-marker">
										</i>
										<span>
											184 Main Rd E, St Albans
											<br>
											<span class="location">
												VIC 3021, Australia
											</span>
										</span>
									</p>
									<p>
										<i class="pe-7s-mail">
										</i>
										<span>
											<a href="mailto:contact@company.com">
												contact@company.com
											</a>
										</span>
									</p>
									<p>
										<i class="pe-7s-call">
										</i>
										<span>
											+001 2233 456
										</span>
									</p>
								</div>
								<div class="footer-social">
									<ul>
										<li>
											<a>
												<i class="fa fa-facebook">
												</i>
											</a>
										</li>
										<li>
											<a>
												<i class="fa fa-twitter">
												</i>
											</a>
										</li>
										<li>
											<a>
												<i class="fa fa-google-plus">
												</i>
											</a>
										</li>
										<li>
											<a>
												<i class="fa fa-instagram">
												</i>
											</a>
										</li>
										<li>
											<a>
												<i class="fa fa-pinterest-p">
												</i>
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-md-2 hidden-sm">
							<div class="footer-widget mb-30">
								<div class="footer-title">
									<h3>
										Categories
									</h3>
								</div>
								<div class="widget-text">
									<ul>
										<li>
											<a>
												Clothing
											</a>
										</li>
										<li>
											<a>
												Shoes
											</a>
										</li>
										<li>
											<a>
												bags
											</a>
										</li>
										<li>
											<a>
												Watches
											</a>
										</li>
										<li>
											<a>
												Jewelry
											</a>
										</li>
										<li>
											<a>
												Clothing
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-md-2 col-sm-2">
							<div class="footer-widget mb-30">
								<div class="footer-title">
									<h3>
										services
									</h3>
								</div>
								<div class="widget-text">
									<ul>
										<li>
											<a>
												About Us
											</a>
										</li>
										<li>
											<a>
												Returns
											</a>
										</li>
										<li>
											<a>
												Shipping
											</a>
										</li>
										<li>
											<a>
												Track Orders
											</a>
										</li>
										<li>
											<a>
												Contact Us
											</a>
										</li>
										<li>
											<a>
												Returns
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-md-2 col-sm-3">
							<div class="footer-widget mb-30">
								<div class="footer-title">
									<h3>
										Quick Links
									</h3>
								</div>
								<div class="widget-text">
									<ul>
										<li>
											<a>
												Login
											</a>
										</li>
										<li>
											<a>
												register
											</a>
										</li>
										<li>
											<a>
												Wishlist
											</a>
										</li>
										<li>
											<a>
												My Cart
											</a>
										</li>
										<li>
											<a>
												Checkout
											</a>
										</li>
										<li>
											<a>
												register
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-md-3 col-sm-3">
							<div class="footer-widget mb-30">
								<div class="footer-title">
									<h3>
										Company
									</h3>
								</div>
								<div class="widget-text">
									<ul>
										<li>
											<a>
												Return Policy
											</a>
										</li>
										<li>
											<a>
												Privacy Policy
											</a>
										</li>
										<li>
											<a>
												Product Warranty
											</a>
										</li>
										<li>
											<a>
												Forum
											</a>
										</li>
										<li>
											<a>
												Order Tracking
											</a>
										</li>
										<li>
											<a>
												Privacy Policy
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="footer-bottom ptb-20">
					<div class="row">
						<div class="col-md-6 col-sm-6">
							<div class="copyright">
								<p>
									Copyright © 2018
									<a>
										themeglass
									</a>
									. All Rights Reserved.
								</p>
							</div>
						</div>
						<div class="col-md-6 col-sm-6">
							<div class="payment f-right">
								<ul>
									<li>
										<a>
											<i class="fa fa-cc-paypal">
											</i>
										</a>
									</li>
									<li>
										<a>
											<i class="fa fa-cc-visa">
											</i>
										</a>
									</li>
									<li>
										<a>
											<i class="fa fa-cc-mastercard">
											</i>
										</a>
									</li>
									<li>
										<a>
											<i class="fa fa-cc-discover">
											</i>
										</a>
									</li>
									<li>
										<a>
											<i class="fa fa-cc-amex">
											</i>
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<!-- footer area end -->
	
	</div>
	<!-- quick view end -->
	<!-- all js here -->


	<script src="assets/js/vendor/jquery-1.12.0.min.js">
	</script>
	<script src="assets/js/bootstrap.min.js">
	</script>
	<script src="assets/js/jquery.meanmenu.js">
	</script>
	<script src="assets/js/jquery.magnific-popup.min.js">
	</script>
	<script src="assets/js/isotope.pkgd.min.js">
	</script>
	<script src="assets/js/imagesloaded.pkgd.min.js">
	</script>
	<script src="assets/js/owl.carousel.min.js">
	</script>
	<script src="assets/js/jquery.validate.min.js">
	</script>
	<script src="lib/js/jquery.nivo.slider.js">
	</script>
	<!-- <script src="lib/home.js">
	</script> -->
	<script src="assets/js/plugins.js">
	</script>
	<!-- <script src="assets/js/main.js">
	</script> -->
	<script src="main.js" type="module"></script>
	</script>
</body>

</html>